﻿<table width="460px" id="tbl2">
<tr><td><div align="center">
<form action="add_msg.php?id=%LOGIN%" method="post" id="form_msg">
  
    <p>
      <input name="img_url" type="text" value="http://" id="imt"/>
      <br />
      <textarea name="msg" cols="" rows="3" style="width:90%;" id="msg"></textarea>
      </p>
      <label><div class="send"><div id="symb">200</div><input type="submit" name="send" id="sendmsg" value=" "></div>
      </label>
  
</form>
</div>
</td></tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
	var msg = $('#msg');
	var symb = $('#symb');
	msg.keyup(function(){
		symb.html(200-msg.val().length);
	});
});
	$('#sendmsg').click(function(){
		var img_url_inf = $('#imt').val();
		var msg_inf = $('#msg').val();
		if(msg_inf.length <= 200 && msg_inf.length > 2){
		var url = $('#form_msg').attr('action');
		$('#panel_1').html('<center><img src="%SHB%/images/loading.gif" /></center>');
		$('#panel1').fadeIn(500);
		$.post(url,{msg:msg_inf,img_url:img_url_inf},function(data){
		$('#hdr').after(data); $('#panel_1').html('Ваша запись была успешно добавлена');
		$('#panel1').show();
 		}, 'text');
		$('#msg').val('');
		$('#imt').val('');
		setTimeout("$('#panel1').fadeOut(500);", 2000);
		}
		else { alert('Неверное кол-во допускаемых символов.'); }
		return false;
		});
</script>